<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/xhtml/templates/layout.xhtml">

	<ui:define name="title"> #{msgs.login_tabTitle} </ui:define>

	<ui:define name="entete">
		<h:form styleClass="container-vertically-centered">
			<p:toolbar id="enteteTolBar" style="height: 30px;">
				<p:toolbarGroup id="enteteTolBarGroup" align="left">
					<h:outputText value="#{msgs.login_title}" />
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

	<ui:define name="language">
		<h:form styleClass="container-vertically-centered">
			<h:outputText value="#{msgs.language}" />
			<h:selectOneMenu id="languageChoice" value="#{locale.localeCode}" onchange="submit()" valueChangeListener="#{locale.countryLocaleCodeChanged}">
				<f:selectItems var="item" itemLabel="#{item.displayName}" value="#{locale.countries}" />
				<f:converter converterId="LocaleConverter" />
			</h:selectOneMenu>
		</h:form>
	</ui:define>
	
<ui:define name="login_identification">
		<h:form id="login">
			<h:panelGrid id="loginGrid" columns="2">
				
				<h:outputLabel for="userName" value="#{msgs.login_username}" />
				<p:inputText id="userName" value="#{manageBeanAgenda.formateur.user}" label="User" required="true"/>

				<h:outputLabel for="password" value="#{msgs.login_password}" />
				<p:password id="password" value="#{manageBeanAgenda.formateur.password}" label="Password" required="true" feedback="true"/>

				<p:commandButton value="#{msgs.login}" action="#{manageBeanAgenda.login}" ajax="false" />

			</h:panelGrid>
		</h:form>
	</ui:define>

	<ui:define name="pieddepage" >
		<h:form styleClass="container-vertically-centered">
			<p:toolbar id="pieddepageTolBar" style="height: 30px;">
			</p:toolbar>
		</h:form>
	</ui:define>
	
	<ui:define name="login_logoEntreprise">
		<h:form styleClass="container-vertically-centered">			
			<h:graphicImage url="/images/logo2.png" style="margin-top:3%; margin-left: 35.50%; width: 600px;"/>
		</h:form>
	</ui:define>

</ui:composition>